.table {

}
.font1 {
  color: #FFF;
}
.head,.row {
  border-bottom: 1px solid #EBEEF5;
  font-size: 12px;
  display: flex;
}
.head {
  color: #000;
  font-weight: 500;
  background-color: #fafafa;
}
.row {
  color: #666;
}
.row:hover {
  background-color: #EBEEF5;
  .font1 {
    color: #EBEEF5;
  }
}
.head > div,.row > div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.head > div.first,.row > div.first {
  justify-content: flex-start;
}
.head > div.last,.row > div.last {
  justify-content: flex-end;
}
.head > div.last.wid1,.row > div.last.wid1 {
  flex: 3;
}

.padding2 {
  margin-left: 5px;
}